<template>
    <div id="content">
        <div class="left">
            <slot name="left"></slot>
        </div>
        <div class="right">
            <slot name="right"></slot>
        </div>
    </div>
</template>

<script>
    export default {

    };
</script>
<style lang="less" scoped>
#content{
    display: flex;
    &>.left{
        flex-grow: 1;
        margin-right: 20px;
    }
    &>.right{
        width: 307px;
        flex-shrink: 0;
    }
}
</style>
